<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>MapQuery Popup Widget Tests</title>

  <script src="../../../lib/jquery/jquery-1.4.4.js" type="text/javascript"></script>
  <script src="../../../lib/jquery/ui/jquery-ui.js" type="text/javascript"></script>
  <script src="../../../lib/jquery/jquery.tmpl.js" type="text/javascript"></script>
  <script src="../../../lib/openlayers/OpenLayers.js" type="text/javascript"></script>
  <script src="../../../src/jquery.mapquery.core.js" type="text/javascript"></script>
  <script src="../../../src/jquery.mapquery.mqFeatureInfo.js" type="text/javascript"></script>
  <link rel="stylesheet" href="../../qunit.css" type="text/css"/>
  <script type="text/javascript" src="../../qunit.js"></script>
  <script type="text/javascript" src="../../jquery.simulate.js"></script>

  <script type="text/javascript" src="testFeatureInfo.js"></script>

  <style type="text/css">
.map {
  height:512px;
  width:512px;
}
.info {
  width:300px;
}
  </style>
</head>
<body>

<h1 id="qunit-header">MapQuery Test Suite (Feature Info Widget)</h1>
<h2 id="qunit-banner"></h2>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests">
</ol>
<!-- one map and popup pair for every test, so that they can't interfere -->
<div id="map1" class="map"></div>
<div id="info1" class="info"></div>
<div id="map2" class="map"></div>
<div id="info2" class="info info2"></div>
<div id="info3" class="info info2"></div>
<div id="map3" class="map"></div>
<div id="info4" class="info"></div>
</body>
</html>
